<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    isActive: Boolean,
    text: String,
  },
});
</script>

<template>
  <view
    class="type-item"
    :style="{
      color: isActive ? '#ff7900' : '',
      backgroundColor: isActive ? '#fff1e5' : '',
    }"
  >
    {{ text }}
  </view>
</template>

<style lang="scss">
.type-item {
  padding: 0 24rpx;
  font-size: 28rpx;
  color: #999999;
  line-height: 56rpx;
  border-radius: 10rpx;
  background-color: #f5f5f5;
}
</style>